.bs_main,.bs_common {
    width: 1140px;
    height: 1000px;
    padding-top: 20px;
    margin: 0 auto;

}
.bs_main_left{
    position: relative;
    float: left;
    width: 780px;
    height: 1000px;
    /* background-color: #fff; */
    border-radius: 5px;
}
.bs_main_right {
    position: relative;
    float: right;
    width: 350px;
    height: 1000px;
    padding: 0 25px;
    /* background-color: red; */
}
.bs_page {
    position: absolute;
    left: -286px;
    bottom: 0;
    width: 100%;
    height: 20px;

}


/* 左边开始 */
/* 轮播图 start */
.pc_imgBox {
    display: block;
    height: 340px;
    width: 100%;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}
.m_imgBox{
    display: block;
    width: 100%;
}
.m_imgBox img{
    display: block;
    width: 100%;
}
.bs_lunbotu {
    width: 100%;
    height: 350px;
    border-radius: 5px;
    margin-bottom: 20px;
    overflow: hidden
}
.cicle {
    border-radius: 5px;
}




/* 轮播图 end */

/* list start */

.bs_list {
    margin-top: 20px;
    width: 100%;
    height: 700px;
    background-color: white;
    border-radius: 5px;
}
@media (min-width<768px) {
    .bs_list {
       margin-top: 60px;
    }
}
.bs_list_start{
    width: 100%;
    height: 60px;
    line-height: 60px;
    padding: 0 20px;
    position: relative;
}
.bs_list_start h2 {
    position: absolute;
    top: 2px;
    left: 55px;
    font-size: 14px;
    font-family: fantasy;
    font-weight: 800;
    font-style: italic;
}
.bs_list_start em {
    display: block;
    width: calc(100% - 165px);
    height: 2px;
    position: absolute;
    top: 28px;
    right: 30px;
    background-color: #5A5BD3;
}
.bs_list_end{
    width: 100%;
    height: 160px;
    padding: 0 20px;
}
.bs_list_ul {
    width: 100%;

}
.bs_list_ul li {
    width: 100%;
    height: 160px;
    position: relative;
}
.bs_list_left {
    float: left;
    margin-top: 15px;
    width: 20%;
    height: 100px;
    overflow: hidden;
}
.bs_list_left img {
    width: 100%;
    height: 100%;

}
.bs_list_left:hover img {
    transform: scale(1.1);
    transition: all 0.3s linear;
   
}
.bs_list_right {
    display: block;
    float: left;
    width: 78%;
    height: 123px;
    padding-top: 15px;
    padding-left: 6px;
}
.bs_list_look {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 400px;
    height: 20px;
    text-align: right;
}
.bs_list_look .spanmiddle {
    margin: 0 15px;
}








/* list end */































/* 右边开始 */

/* 个人信息开始 */
.bs_main_user {
    width: 100%;
    height: 354px;
    background-color: white;
    margin: 0 auto 30px;
    border-radius: 5px;

}
.bs_main_user_top {
    width: 100%;
    height: 220px;
    padding: 2px 0;

}
.bs_main_user_top a {
    display:block;
    margin: 20px auto 0;
    width: 150px;
    height: 150px;
    border-radius: 50%;
    box-shadow: 2px 2px 5px #ccc;
    overflow: hidden;

}
.bs_main_user_top a img {
    width: 100%;
    height: auto;
    transition: all 0.5s ease;
}
.bs_main_user_top a img:hover {
    transform: scale(1.2);
    
}
.bs_main_user_top h3 {
    display: block;
    margin: 28px auto;
    padding: 0 10px;
    text-align: center;
    font-family: fantasy;
    font-size: 14px;
    color: #555;
}
.bs_main_user_middle {
    width: 100%;
    height: 80px;
    margin: 0 auto;
    border-bottom: 1px solid #efefef;
    position: relative;
}
.author-social  {
    width: 100%;
    height: 100%;
}
.weixin {
    float: left;
    width: 59px;
    height: 30px;
    margin: 28px 2px 10px 90px;
    background-color: green;
    border-radius: 5px;
}
.qq {
    float: right;
    width: 59px;
    height: 30px;
    margin: 28px 90px 10px 0;
     background-color: red;
     border-radius: 5px;
}
.author-social a {
    display: block;
    font-size: 18px;
    margin: 2px 20px;
    color: white;
}
.bs_main_user_button {
    text-align: center;
    width: 100%;
    height: 50px;
}
.bs_main_user_button ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.bs_main_user_button ul li {
    float: left;
    width: 98px;
    height: 54px;
    padding: 0 20px;
    line-height: 50px;
    text-align: center;
}
.bs_main_user_button ul li:nth-child(2){
    border-left: 1px solid #efefef;
    border-right: 1px solid #efefef;
}
/* 个人信息结束 */
/* book_serach start */
.bs_main_sort{
    width: 302px;
    height: 210px;
    background-color: #fff;
    border-radius: 5px;
}
.bs_main_sort_start, .article_start{
    width: 100%;
    height: 50px;
    position: relative;
}
.bs_main_sort_start img:nth-child(1), .article_start img{
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    left: 5px;
}
.bs_main_sort_start span, .article_start span {
    display: block;
    position: absolute;
    width: 200px;
    height: 30px;
    margin: 8px 0 0 30px;
    font-family: 'STHupo';
    font-size: 16px;
    font-weight: 800; 
}
.bs_main_sort_start img:nth-child(2){
    width: 21px;
    height: 21px;
    position: absolute;
    top: 0;
    right: 0;
}

.bs_main_sort_end, .article_end{
    width: 100%;
    padding: 2px 15px;
}
.bs_main_sort_end {
    height: 150px;
}
.bs_main_sort_end ul, .article_end ul{
    list-style: none;
}
.bs_main_sort_end ul li {
    float: left;
    margin: 5px 5px;
    font-size: 12px;
}
.bs_main_sort_end ul li a {
    color: #555;
    font-size: 12px;
}
.btn-default:hover {
    background-color: white;
    border: 1px solid blue;
}
/* book_serach end */

/* 热门文章开始 */
.bs_main_article{
    margin-top: 20px;
    width: 302px;
    height: 285px;
    background-color: white;
    border-radius: 5px;
}
.article_end ul li {
    height: 36px;
    width: 100%;
    line-height: 35px;
    white-space: nowrap;
    transition: .2s;
    word-wrap: normal;
    text-overflow: ellipsis;
    text-align: left;
    overflow: hidden;
    transform:all 0.3s ease;
    border-bottom: 1px dotted #cbcbcb;
}
.article_end ul li span {
    padding: 1px 4px;
    margin-right: 3px;
    color: #999;
}
.article_end ul li a {
    color:#696971;
    font-size: 16px;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.article_end ul li:hover, .article_end ul li:hover a{
    background: #f5f5f5;
    padding: 0 0 0 5px;
    border-radius: 4px;
    color: blue;
}

/* .article_end ul li span:nth-child(1){
    background-color: red;
} */
.article_end ul li:nth-child(1) span{
    background: red;
}
.article_end ul li:nth-child(2) span{
    background: #009FFF;
}
.article_end ul li:nth-child(3) span{
    background: #654ea3;
}
.article_end ul li:nth-child(4) span{
    background: green;
}
.article_end ul li:nth-child(5) span{
    background: #2ebf91;
}
.article_end ul li:nth-child(1) span::before{
    content: "1";
}
.article_end ul li:nth-child(2) span::before{
    content: "2";
}
.article_end ul li:nth-child(3) span::before{
    content: "3";
}
.article_end ul li:nth-child(4) span::before{
    content: "4";
}
.article_end ul li:nth-child(5) span::before{
    content: "5";
}
.article_end ul li:nth-child(6) span::before{
    content: "6";
}


/* 热门文章结束 */
/* 右边结束 */







